<!DOCTYPE html>
<html>
	<head>
		<title>拖柄调整位置测试</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<link rel="stylesheet" href="121-dragable.css">
		<script src="121-dragable.js"> </script>
		<script src="./draghandler.js"> </script>

    </head>
    
	<body>
        <div id="id_div01" class="cs-div01 flex-rfsc">
            <div class="cs-div02 flex-cfsc" onclick="doClickSrcTest(event)">
                <div class="cs-div02-atop"> 可拖拽块 </div>
                <div id="comp1" class="cs-div02-comp1" draggable="true" ondragstart="dragstart(event)" ondragend="dragend(event)"> 组件1 </div>
                <div id="comp2" class="cs-div02-comp2" draggable="true" ondragstart="dragstart(event)" ondragend="dragend(event)"> 组件2 </div>
            </div>
            <div class="cs-div03 flex-cfsc">
                <div class="cs-div03-atop"> 拖拽目标设计区 </div>
                <div class="cs-div03-tararea" ondragenter="dragenter(event)" ondragover="dragover(event)" ondragleave="dragleave(event)"  ondrop="drop(event)"> 
                </div>
            </div>
            <div class="cs-div04 flex-cfsc">
                <div class="cs-div03-atop"> 属性编辑区 </div>
            </div>
        </div>
    </body>

</html>

